<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/01.css">
    <script src="../js/轮播图js.js"></script>
</head>
<body>
    <div class="box">
        <div class="header">
            <div class="section">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="section-second">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">课程</a></li>
                    <li><a href="#">职业规划</a></li>

                </ul>
            </div>
            <div class="section-third">
                <input type="text" placeholder="输入关键词">
                <img src="../img/fa-search.png" alt="">
            </div>
            <div class="section-forth">
                <img src="../img/微信图片_20210707151352.png" alt="">
                <span>qq-leishui</span>
            </div>
        </div>
        <div class="nav">
            <div class="nav-first">
                <img src="../img/banner2.jpg" alt="">
                <ul class="ul">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul class="fix">
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">数据分析师</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                    <li><a href="#">编程入门</a></li>
                </ul>
                <ul class="nav-second">
                    <li>
                        <a href="#">前端开发</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">后端开发</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">移动开发</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">人工智能</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">商业预测</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">云计算&大数据</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">运维&从测试</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">UI设计</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">产品</a>
                        <span>></span>
                    </li>
                </ul>
                <div class="nav-right">
                    <ul>
                        <li style="color: white; background: #9BCEEA;">
                            <a href="#">我的课程表</a>
                        </li>
                        <li>
                            <span>继续学习</span>
                            <span>程序语言设计</span>
                            <p style="color: rgb(235, 227, 227); font-size: 10px;">正在学习-使用对象</p>
                        </li>
                        <li>
                            <span>继续学习</span>
                            <span>程序语言设计</span>
                            <p style="color: rgb(235, 227, 227); font-size: 10px;">正在学习-使用对象</p>
                        </li>
                        <li>
                            <span>继续学习</span>
                            <span>程序语言设计</span>
                            <p style="color: rgb(235, 227, 227); font-size: 10px;">正在学习-使用对象</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="lable">
            <ul class="lable-first">
                <li class="non"><a href="#">精品推荐</a></li>
                <li><a href="#">jQuery</a></li>
                <li><a href="#">Spark</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">JavaWeb</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">JavaWeb</a></li>
                <li><a href="#" style="font-size: 10px;">修改兴趣</a></li>
            </ul>
        </div>
        <div class="bottom lable clearfix">
            <div class="bottom-first">
                <span>精品推荐</span>
                <h6>查看全部</h6>
            </div>
            <div class="bottom-second">
                <ul class="bottom-second-first">
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层137.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                </ul>
            
            </div>
        </div>
        <div class="end-first lable clearfix">
            <div class="end-first-text">
                <span>编辑入门</span>
                <ul class="end-first-text-ul">
                    <li>热门</li>
                    <li>初级</li>
                    <li>中级</li>
                    <li>高级</li>
                </ul>
                <h6>查看全部</h6>
            </div>
            <div class="end-first-img">
                <div class="end-first-img-left">
                    <img src="../img/椭圆6拷贝16.jpg" alt="">
                    <img class="end-first-img-second" src="../img/图层155.jpg" alt="">
                    <ul class="end-first-img-bottom">
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>

                    </ul>
                </div>

            </div>
        </div>
        <div class="end-first lable clearfix">
            <div class="end-first-text">
                <span>数据分析师</span>
                <ul class="end-first-text-ul">
                    <li>热门</li>
                    <li>初级</li>
                    <li>中级</li>
                    <li>高级</li>
                </ul>
                <h6>查看全部</h6>
            </div>
            <div class="end-first-img">
                <div class="end-first-img-left">
                    <img src="../img/椭圆6拷贝16.jpg" alt="">
                    <img class="end-first-img-second" src="../img/图层155.jpg" alt="">
                    <ul class="end-first-img-bottom">
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>
                        <li>
                            <img src="../img/图层145.jpg" alt="">
                            <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                            <span class="span">高级<span> . 1125人学习</span></span>
                        </li>

                    </ul>
                </div>

            </div>
        </div>
        <div class="end-second lable clearfix">
            <div class="end-first-text">
                <span>机器学习工程师</span>
                <ul class="end-first-text-ul">
                    <li>热门</li>
                    <li>初级</li>
                    <li>中级</li>
                    <li>高级</li>
                </ul>
                <h6>查看全部</h6>
            </div>
            <div class="end-second-img">
                <ul>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="end-second lable clearfix">
            <div class="end-first-text">
                <span>前端开发工程师</span>
                <ul class="end-first-text-ul">
                    <li>热门</li>
                    <li>初级</li>
                    <li>中级</li>
                    <li>高级</li>
                </ul>
                <h6>查看全部</h6>
            </div>
                <div class="end-second-img clearfix">
                <ul>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                    <li>
                        <img src="../img/图层145.jpg" alt="">
                        <h5>Think PHP 5.0 博客系统实战项目演练</h5>
                        <span class="span">高级<span> . 1125人学习</span></span>
                    </li>
                </ul>
        </div>
        </div>
        <div class="end lable">
            <div class="end-left-first">
                <ul>
                    <li><img src="../img/logo.png" alt=""></li>
                    <li style="font-size: 12px; margin: 0;">学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。</li>
                    <li style="font-size: 10px; margin: 0;">2017年XTCG Inc. 保留所有权利。一卢ICP备 15025210号</li>
                    <li>
                        <div><a href="#" style="color: #00a4ff;">下载APP</a></div>
                    </li>
                </ul>
            </div>
            <div class="end-right">
                <ul>
                    <li style=" margin-bottom: 20px;"><h3><a href="#">关于学成网</a></h3></li>
                    <li><a href="#">关于</a></li>
                    <li><a href="#">管理团队</a></li>
                    <li><a href="#">工作机会</a></li>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
                <ul>
                    <li style=" margin-bottom: 20px;"><h3><a href="#">关于学成网</a></h3></li>
                    <li><a href="#">关于</a></li>
                    <li><a href="#">管理团队</a></li>
                    <li><a href="#">工作机会</a></li>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
                <ul>
                    <li style=" margin-bottom: 20px;"><h3><a href="#">关于学成网</a></h3></li>
                    <li><a href="#">关于</a></li>
                    <li><a href="#">管理团队</a></li>
                    <li><a href="#">工作机会</a></li>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>